import React, { Component } from 'react';
import "../../styles/MyKind/Header.css";
import { withRouter } from 'react-router-dom'
class MyHeader extends Component {
    tosearch(){
        this.props.history.push("/Search")
    }
    render() {
        return (
            <div className='inputbox'>
                <h3>全部商品</h3>
                <input type="text" placeholder="搜索商品" onClick={()=>{
                    this.tosearch()
                }}/>
                <ul>
                    <li>综合</li>
                    <li>销量</li>
                    <li>新品</li>
                    <li>价格</li>
                    <li>筛选</li>
                </ul>
            </div>
        );
    }
}

export default withRouter(MyHeader);